/* CSS Document */

.COMMON .top{border-bottom:1px solid #f3f1f1;}
.COMMON .logined .usernav {width:auto;float:right;}

.paystep {_display:inline;margin:62px 39px 0;width:922px;height:80px;position:relative;}
.paystep .bgline {width:782px;height:1px;background:#b9b9b9;font-size:0;overflow:hidden;position:absolute;left:62px;top:14px;z-index:2;}
.paystep .progressline {height:1px;background:#cfa972;font-size:0;overflow:hidden;position:absolute;left:62px;top:14px;z-index:3;}
.paystep .progressline.step1 {width:415px;}
.paystep .progressline.step2 {width:793px;}
.paystep ul {width:922px;position:relative;z-index:4;}
.paystep li {width:82px;position:absolute;top:0;}
.paystep i {display:block;margin:0 auto;width:26px;height:26px;background-image:url(../images/pay_ui.gif);background-repeat:no-repeat;}
.paystep h1 {font-size:16px;line-height:46px;color:#cfa972;text-align:center;}
.paystep li.w1 {left:34px;}
.paystep li.finished i {background-position:0 0;}
.paystep li.w2 {left:436px;}
.paystep li.current i {background-position:0 -26px;}
.paystep li.w3 {left:803px;}
.paystep li.ready i {background-position:0 -52px;}
.paystep li.ready h1 {color:#b9b9b9;}
.paystep li.w3.current i {background-position:-96px -26px;}
.paystep li.w3.finished i {background-position:0 0;}
.paystep li.w3.finished h1 {color:#cfa972;}

.payinfo {_display:inline;margin:33px 39px 0;width:832px;padding:20px 44px;border:1px solid #cfa972;background:#fff5e4;}
.payinfotext {float:left;width:532px;}
.payinfotext h1 {font-size:14px;line-height:28px;color:#1e1e1e;}
.payinfotext p {line-height:28px;color:#646464;}
.payinfotext p span {font-weight:bold;color:#cc1c1c;}
.payinfomoney {float:right;width:300px;}
.payinfomoney h1 {font-size:12px;line-height:28px;color:#1e1e1e;text-align:right;}
.payinfomoney h1 span {font-size:18px;color:#cc1c1c;}
.payinfomoney .showorderinfo {position:relative;z-index:5;}
.payinfomoney .showorderinfo h2 {font-size:12px;line-height:28px;color:#dbbf97;text-align:right;cursor:pointer;}
.payinfomoney .showorderinfo h2 i {display:inline-block;width:15px;height:15px;margin-left:5px;background:url(../images/pay_ui.gif) no-repeat -69px -41px;_display:inline;*display:inline;_zoom:1;*zoom:1;vertical-align:middle;}
.payinfomoney .showorderinfo h2 i.selected {background-position:-69px -56px;}

.payinfomoney .orderinfobox {display:none;width:832px;padding:20px 44px;border:1px solid #cfa972;border-top:0;background:#fff5e4;position:absolute;right:-45px;top:30px;}
.payinfomoney .orderinfobox .ordernum {display:none;float:left;width:15px;line-height:24px;color:#1e1e1e;}
.payinfomoney .orderinfobox ul {float:left;width:832px;}
.payinfomoney .orderinfobox li {float:left;width:832px;line-height:24px;color:#1e1e1e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.payinfomoney .orderinfobox li h3 {float:left;width:72px;font-size:12px;line-height:24px;}
.payinfomoney .orderinfobox li dl {float:left;width:760px;}
.payinfomoney .orderinfobox li dd {float:left;width:760px;line-height:24px;color:#1e1e1e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.payinfomoney .orderinfobox li dd a {color:#1e1e1e;}
.payinfomoney .orderinfobox li dd a:hover {color:#cfa972;}
.payinfomoney .orderinfobox .orderinfolist {float:left;width:832px;padding:20px 0;border-top:1px dashed #cfa972;}
.payinfomoney .orderinfobox.merge .ordernum {display:block;}
.payinfomoney .orderinfobox.merge ul {width:817px;}
.payinfomoney .orderinfobox.merge ul dl,.payinfomoney .orderinfobox.merge ul dd {width:745px;}

.giftcard {_display:inline;margin:45px 39px 0;width:922px;}
.giftcard li {height:36px;font-size:14px;line-height:24px;color:#646464;}
.giftcard li i {display:inline-block;margin:5px 10px 0 0;*margin:1px 10px 0 0;width:15px;height:15px;background-image:url(../images/pay_ui.gif);background-repeat:no-repeat;background-position:-39px -41px;_display:inline;*display:inline;_zoom:1;*zoom:1;vertical-align:top;}
.giftcard li i.selected {background-position:-54px -41px;}

.coupon {_display:inline;margin:0 39px;width:922px;}
.coupon h1 {float:left;margin-top:20px;width:92px;font-size:14px;line-height:18px;color:#646464;}
.coupon ul {float:left;width:830px;}
.coupon li {float:left;margin:20px 23px 0 0;height:48px;padding:0 15px;border:1px dashed #cfa972;cursor:default;}
.coupon li.selected {border:1px solid #cfa972;background:url(../images/pay_ui.gif) no-repeat right bottom;}
.coupon li h2 {font-size:12px;line-height:26px;color:#646464;text-align:center;}
.coupon li h2 span {font-weight:bold;color:#cfa972;}
.coupon li p {line-height:18px;color:#939393;text-align:center;}

.payway {_display:inline;margin:60px 39px 0;width:922px;}
.payway .paywaytitle {height:44px;position:relative;z-index:3;}
.payway .paywaytitle h1 {float:left;width:102px;height:34px;padding-top:10px;font-size:14px;line-height:34px;color:#646464;text-align:center;}
.payway .paywaytitle ul {float:left;width:820px;}
.payway .paywaytitle ul li {float:left;_display:inline;margin:10px 20px 0 0;width:118px;height:32px;background:#fff;border:1px solid #ccc;border-bottom:0;font-size:14px;line-height:32px;color:#666;text-align:center;cursor:pointer;}
.payway .paywaytitle ul li.selected {margin-top:0;height:33px;padding-top:8px;border-color:#cfa972;border-top-width:3px;}

.payway .paywayselectwrap {margin-top:-1px;width:920px;border:1px solid #cfa972;position:relative;z-index:2;}
.payway .paywayselectwrap .paywayselect {width:920px;padding-bottom:36px;}
.payway .paywayselectwrap .paywayselect dl {float:left;width:920px;}
.payway .paywayselectwrap .paywayselect dd {float:left;margin:36px 0 0 0;width:168px;height:30px;padding:0 0 0 62px;position:relative;}
.payway .paywayselectwrap .paywayselect dd i {float:left;margin:9px 9px 0 0;width:12px;height:12px;background-image:url(../images/pay_ui.gif);background-repeat:no-repeat;background-position:-108px -56px;}
.payway .paywayselectwrap .paywayselect dd i.selected {background-position:-96px -56px;}
.payway .paywayselectwrap .paywayselect dd label {float:left;width:120px;height:30px;}
.payway .paywayselectwrap .paywayselect dd label img {width:120px;height:30px;}

.gopay {_display:inline;margin:40px 39px 0;width:922px;}
.gopay a {float:left;width:120px;height:40px;background:#cfa972;font-size:14px;line-height:40px;color:#fff;text-align:center;}
.gopay a:hover {background:#9e7840;}

.bankinfo {width:416px;height:260px;padding:0 12px;border:1px solid #bbb;border-radius:5px;background:#fff;position:absolute;z-index:5;-webkit-transform: translateZ(0);}
.bankinfo .arrow {width:9px;height:15px;background-image:url(../images/pay_ui.gif);background-repeat:no-repeat;position:absolute;top:18px;}
.bankinfo.l .arrow {background-position:-96px 0;left:-9px;}
.bankinfo.r .arrow {background-position:-105px 0;right:-9px;}
.bankinfo .bankinfotitle h1 {border-bottom:1px solid #ccc;font-size:12px;line-height:30px;color:#666;}
.bankinfo .bankname h1 {font-size:12px;line-height:30px;color:#545454;text-align:center;}
.bankinfo .bankname h1 span {color:#cfa972;}
.bankinfo .bankinfodetail {width:404px;height:196px;padding:0 0 0 10px;border:1px solid #e3e3e3;background:#f5f5f5;overflow:auto;}
.bankinfo .bankinfodetail h1 {font-size:14px;line-height:32px;color:#2c2c2c;}
.bankinfo .bankinfodetail img {width:380px;}
.bankinfo .bankinfodetail ul {margin-top:10px;width:380px;padding:0 0 10px 0;}
.bankinfo .bankinfodetail li {width:365px;padding:0 0 0 15px;background:url(../images/pay_bankinfo_point.gif) no-repeat 0 8px;line-height:21px;color:#2c2c2c;}
.bankinfo .bankinfodetail li a {color:#2c2c2c;}
.bankinfo .bankinfodetail li a:hover {color:#cfa972;}

.overbg {display:none;width:100%;height:100%;background:#1e1e1e;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);position:fixed;left:0;top:0;z-index:10;}
.popbox {display:none;width:426px;height:320px;padding:0 25px;border:2px solid #1e1e1e;background:#fff;position:fixed;left:50%;top:50%;margin-left:-238px;margin-top:-160px;z-index:11;}
.popbox .poptitle {height:60px;border-bottom:1px dashed #9c9ea1;position:relative;}
.popbox .poptitle h1 {font-size:16px;line-height:60px;color:#646464;}
.popbox .poptitle .closepopbox {width:15px;height:15px;background:url(../images/pay_ui.gif) no-repeat -115px 0;font-size:0;overflow:hidden;position:absolute;right:16px;top:24px;cursor:pointer;}
.popbox .popboxtext {margin:30px 0 0 43px;_display:inline;width:382px;}
.popbox .popboxtext h1 {height:48px;font-size:18px;color:#1e1e1e;}
.popbox .popboxtext p {line-height:24px;color:#848484;}
.popbox .popboxtext h2 {margin-top:20px;}
.popbox .popboxtext h2 a.paysuccess {float:left;width:108px;height:30px;background:#c19b63;border-radius:3px;line-height:30px;color:#fff;text-align:center;}
.popbox .popboxtext h2 a.payerror {float:left;_display:inline;margin-left:20px;width:128px;height:30px;border:1px solid #cfa972;background:#fff3e1;border-radius:3px;line-height:30px;color:#cfa972;text-align:center;}
.popbox .popboxtext h2 span {_display:inline;float:left;margin:0 0 0 20px;}
.popbox .popboxtext h2 span a {line-height:32px;color:#848484;text-decoration:underline;white-space:nowrap;}
.popbox .popboxtext h2 span a:hover {color:#cfa972;}
.popbox .popboxtext h3 {display:none;margin-top:20px;line-height:24px;color:#1e1e1e;*margin:0;_margin:0;}
.popbox .popboxtext h3 i {display:inline-block;margin:2px 4px 0 0;width:18px;height:18px;background:url(../images/pay_ui.gif) no-repeat -26px -56px;_zoom:1;*zoom:1;_display:inline;*display:inline;vertical-align:top;}
.popbox .popboxtext h3 a {color:#cfa972;text-decoration:underline;white-space:nowrap;}
.popbox .popboxtext h3 a:hover {color:#848484;}


